<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<title>胡佳馨</title>
		<style>
			* {
				margin: 0;
				padding: 0;
			}
			
			body,
			html {
				overflow: hidden;
				position: absolute;
				width: 100%;
				height: 100%;
				color: white;
				background-image: linear-gradient( to bottom, #025BFF, #01E5FF);
				-moz-user-select: none;
				-webkit-touch-callout: none;
				-webkit-text-size-adjust: none;
				-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
				-webkit-user-select: auto;
			}
			
			p {
				text-align: center;
				margin-top: 20%;
				font-size: 25px;
				font-weight: bold;
			}
		</style>
	</head>

	<body>
		<p>预产期：2018年09月03日</p>
		<p>距离胡大宝出生还有<br/><br/><span id="show"></span></p>
		<script>
			function showTime() {
				var newTime = new Date();
				var endTime = new Date("2018/09/03,00:00:00");
				var totalTime = parseInt(endTime.getTime() - newTime.getTime()) / 1000;

				var day = parseInt(totalTime / (24 * 60 * 60));
				var hour = parseInt((totalTime / (60 * 60)) % 24);
				var min = parseInt((totalTime / 60) % 60);
				var seconds = parseInt(totalTime % 60);
				document.getElementById("show").innerHTML = day + "天" + hour + "时" + min + "分" + seconds + "秒";
				setTimeout(showTime, 500)
			}
			showTime();
		</script>
	</body>

</html>